<!DOCTYPE html>
<html>
<head>
    <title>设备管理</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

	<script src="../Public/publicjs.js"></script>
	<script src="../Public/custom.js"></script>
	<script src="Equipment.js"></script>

	<style>
		@font-face {
			font-family: 'iconfont';
			src: url('/webjar/bootstrap/iconfont/iconfont.eot');
			src: url('/webjar/bootstrap/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
			url('/webjar/bootstrap/iconfont/iconfont.woff') format('woff'),
			url('/webjar/bootstrap/iconfont/iconfont.ttf') format('truetype'),
			url('/webjar/bootstrap/iconfont/iconfont.svg#iconfont') format('svg');
		}
		.iconfont{
			font-family:"iconfont" !important;
			font-size:16px;font-style:normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;
			color: #009688;
		}
		.clear-icon {
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 10;
			cursor:pointer;
		}
	</style>

</head>

<body>

<!--搜索区面板-->
<div class="panel panel-default">
	<div class= "panel-heading">
		<h2><span class="label label-custom">搜索区</span></h2>
	</div>
	<div class="panel-body row">
		<div class="form-group col-md-3 ">
			<div class="input-group" style="position: relative">
				<div class="input-group-addon">设备编号</div>
				<input class="form-control customer-input" type="text">
				<span class="clear-icon" href="javascript:void(0)" style="display: none"><i class="iconfont">&#xe724;</i> </span>
			</div>
		</div>
		<div class="form-group col-md-2">
			<div class="input-group">
				<div class="input-group-addon">设备名称</div>
				<input class="form-control customer-input" type="text">
				<span class="clear-icon" href="javascript:void(0)" style="display: none"><i class="iconfont">&#xe724;</i></span>
			</div>
		</div>
		<div class="form-group col-md-2">
			<div class="input-group">
				<div class="input-group-addon customer-input">设备型号</div>
				<input class="form-control customer-input" type="text">
				<span class="clear-icon" href="javascript:void(0)" style="display: none"><i class="iconfont">&#xe724;</i></span>
			</div>
		</div>

		<div class="form-group col-md-2">
			<div class="input-group">
				<div class="input-group-addon">类型</div>
				<select id="EquipmengType" class="form-control">
					<option value="0">全部</option>
				</select>
			</div>
		</div>
        <div class="form-group col-md-2">
			<div class="input-group">
				<div class="input-group-addon">状态</div>
				<select id="EquipmentStatus" class="form-control">
					<option value="0">全部</option>
				</select>
			</div>
        </div>
		<button id="search" type="button" class="btn btn-custom btn-sm">搜索</button>
	</div>
</div>

<!--列表区域面板-->
<div class="panel panel-default">
	<div class= "panel-heading">
		<h2><span class="label label-custom">设备列表</span></h2>
	</div>
	<div id="show"></div>
	<div class="panel-body">
		<!--面板内按钮-->
		<div style="text-align: right">
			<div class="btn btn-group-sm" style="padding: 2px 5px;" >
				<button id="addEqm" type="button" class="btn btn-custom "><span class="fa fa-plus"></span> 添加</button>
				<button id="updateEqm" type="button" class="btn btn-custom "><span class="fa fa-edit"></span> 修改</button>
				<button id="invalidEqm" type="button" class="btn btn-danger  "><span class="fa fa-minus-circle"></span> 失效</button>
			</div>
		</div>
		<!--列表内容-->
		<div class="bootstrap-table table" >
            <div class="table-responsive">
                <table id="equipmentTable" data-toggle="table"
					   data-click-to-select="true"
					   data-striped="true"
					   data-row-style="rowStyle"
					   data-cell-style="cellStyle"
					   data-pagination="true"
					   data-unique-id="id">
                    <thead>
                    <tr>
                        <th data-field="state" data-radio="true"></th>
                        <th data-field="id" data-visible="false">ID</th>
                        <th data-field="no" >设备编号</th>
                        <th data-field="name">设备名称</th>
                        <th data-field="model">设备型号</th>
                        <th data-field="typeName" >设备类型</th>
                        <th data-field="typeDescription">设备类型描述</th>
                        <th data-field="statusName" >设备状态</th>
						<th data-field="property" data-visible="false">设备属性ID</th>
						<th data-field="propertyDescription" >设备属性</th>
                        <th data-field="barcode" >设备条形码</th>
                    </tr>
                    </thead>
                </table>
            </div>
		</div>
	</div>
</div>
<div id="AddOrEditEquipmentDiv" hidden="hidden"></div>
<div id="SignDiv" hidden="hidden"></div>

</body>

</html>